<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>区块链示例项目</title>
    <meta charset="utf-8">
	<link rel="stylesheet" th:href="@{/webjars/bootstrap/4.1.1/css/bootstrap.min.css}">
	<link rel="stylesheet" th:href="@{/css/index.css}">
</head>
	<body>
		<header class="d-flex flex-column flex-md-row fixed-top align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
	      <h5 class="my-0 mr-md-auto font-weight-normal">BlockChain</h5>
	      <nav class="my-2 my-md-0 mr-md-3">
	        <a class="p-2 text-dark" href="#">区块</a>
	        <a class="p-2 text-dark" href="#">交易</a>
	        <a class="p-2 text-dark" href="#">钱包</a>
	        <a class="p-2 text-dark" href="#">统计</a>
	      </nav>
	      <a class="btn btn-outline-primary" href="./logout">退出登录</a>
	    </header>
	    <div class="main-content">
	      <div class="jumbotron">
	        <div class="container">
	          <h1 class="display-3">Hello, BlockChain!</h1>
	          <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
	          <p><a class="btn btn-primary btn-lg" href="#" role="button">创建我的钱包 »</a></p>
	        </div>
	      </div>
	
	      <div class="container">
	        <!-- Example row of columns -->
	        <div class="card-group">
	          <div class="card">
	          	<div class="card-body">
		            <h2 class="card-title">Block</h2>
		            <p class="card-text">区块高度：<span class="badge badge-pill badge-info">112934</span></p>
	            </div>
	          </div>
	          <div class="card">
	          	<div class="card-body">
		            <h2 class="card-title">Transaction</h2>
		            <p class="card-text">总交易数：<span class="badge badge-pill badge-secondary">23448234</span></p>
	            </div>
	          </div>
	          <div class="card">
	          	<div class="card-body">
		            <h2 class="card-title">Exchange</h2>
		            <p class="card-text">当前比率：<span class="badge badge-pill badge-danger">1.56</span></p>
	            </div>
	          </div>
	        </div>
	        <hr>
	      </div>
	    </div>
	    
	    <footer class="container">
	      <p>© BlockChain 2017-2018</p>
	    </footer>
		<script th:src="@{/webjars/jquery/3.3.1-1/jquery.min.js}"></script>  
		<script th:src="@{/webjars/bootstrap/4.1.1/js/bootstrap.min.js}"></script>
		<script th:src="@{/js/index.js}"></script>
	</body>
	
</html>